<template>
	<view class="user-agreel">
		<image class="agreel-icon" src="../static/item_08_on.png" @click="agreel" v-if='isAgreel'></image>
		<image class="agreel-icon" src="../static/item_08.png" @click="agreel" v-else></image>
		<view class="agreel-title">我已阅读并了解 <text class="agreel-con" @click="popCenterClose">《商家入驻协议》</text> </view>
		
	</view>	
</template>

<script>
	import agreel from '../static/item_08.png'
	import agreelOn from '../static/item_08_on.png'
	
	export default{
		data() {
			return{
				isAgreel: false,
				
			}
		},
		methods:{
			agreel() {
				this.isAgreel = !this.isAgreel
				this.$emit('changeAgreel', this.isAgreel)
			}
		}
	}
</script>

<style lang="less" scoped>
	@import url('../app.less');
	.user-agreel{
		padding: 50upx 20upx ;
		box-sizing: border-box;
		.flex-base;
		justify-content: flex-start;
		.agreel-icon{
			width: 22upx;
			height: 22upx;
		}
		.agreel-title{
			.f22;
			margin-left: 10upx;
		}
		.agreel-con{
			color: @font-orange-color;
		}
	}
</style>
